<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>lianxi2</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <ul>
        <li class="di1" id="d1"></li>
        <li class="di1" id="d2"></li>
        <li class="di1" id="d3"></li>
        <li class="di1" id="d4"></li>
        <li class="di1" id="d5"></li>
        <li class="di1" id="d6"></li>
        <li class="di1" id="d7"></li>
        <li class="di1" id="d8"></li>
        <li class="di1" id="d9"></li>
        <li class="di1" id="d10"></li>
        <li class="di1" id="d11"></li>
        <li class="di1" id="d12"></li>

    </ul>
    <div class="di1" id="d1"></div>
    <div class="di1" id="d2"></div>
    <div class="di1" id="d3"></div>
    <div class="di1" id="d4"></div>
    <div class="di1" id="d5"></div>
    <div class="di1" id="d6"></div>
    <div class="di1" id="d7"></div>
    <div class="di1" id="d8"></div>
    <div class="di1" id="d9"></div>
    <div class="di1" id="d10"></div>
    <div class="di1" id="d11"></div>
    <div class="di1" id="d12"></div>
</body>

</html>